$font-family:Helvetica,Arial,sans-serif;
$content-color: #ffffff;
$content-bg-color:#ef7360;
$content-width:90%;

%margin-auto{
    margin:{
        left: auto;
        right: auto;
    }
}       

input,textarea,select{
    line-height: 1.4;
    border: 1px solid #ccc;
    padding: 2px 4px;
}

button{
    border: 0px;
    border-radius: 4px;
}

#taskDialog{
    font-family: $font-family;
}

*.main-content{
    width: 100%;
    position: absolute;
    top:110px;
    bottom: 0px;
    margin-top: 16px;
    font-size: 14px;
    font-family: $font-family;
    .control{
        width: $content-width;
        height: 40px;
        padding-top: 7px;
        @extend %margin-auto;
    }
    .content{
        clear: both;
        width: $content-width;
        height: 80%;
        margin:{
            top: 10px;
        }
        @extend %margin-auto;
    }
}

.data-handle{
    float: left;
    button{
        width: 150px;
        height: 30px;
        color: $content-color;
        background-color: $content-bg-color;
        &:not(:first-child){
            margin-left: 10px;
        }
    }
}

.control {
    .show {
        float: right;
        margin-top: 6px;
    }
    .show-block {
        background: url("../img/img-btn.png") no-repeat -46px -12px;
        height: 24px;
        width: 24px;
    }
    .show-table {
        background: url("../img/img-btn.png") no-repeat -11px -14px;
        height: 19px;
        width: 26px;
    }
}